
//引用common.less文件夹

@import 'common.less';

//表头开始
#content_title{
    .content_title_inner{
        width: 1150px;
        height: auto;
        padding: 0 15px;
        margin: 0 auto;
        border-bottom: 1px solid #DFDFDF;
        ul{
            height: auto;
            overflow: hidden;
            margin-top: 10px;
            li{
                float: left;
                margin-bottom: 8px;
            }
        }
        
    }
}


//表头结束

//主体开始
#content_wrap{
    width: 1180px;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
    .content_wrap_title{
        width: 1157px;
        height: auto;
        .content_wrap_title_wrap{
            margin: 20px 0px;
            ul{
                height: auto;
                overflow: hidden;
                li{
                    float: left;
                    padding: 5px;
                    border: 1px solid #90BE78;
                    background: #F3F3F3;
                    a{
                        display: block;
                        background: transparent;
                        height: auto;
                        overflow: hidden;
                        img{
                            display: inline-block;
                            width: 128px;
                            margin-right: 28px;
                        }
                        p{
                            display: inline-block;
                            margin-top: 25px;
                            padding: 0px 30px;
                        }
                    }
                    
                    &:hover{
                        background: #F0F7E7;
                        a{
                            background: white;
                        }
                    }
                }
                li:nth-child(1){
                    background: #F0F7E7;
                        a{
                            background: white;
                        }
                }
            }
        }
    }
}

//筛选开始
#shaxuan{
    width: 1150px;
    height: auto;
    overflow: hidden;
    .btn_sx{
        text-align: center;
        padding: 6px 12px;
        border: 1px solid #DDDDDD;
        background: #F3F3F3;
    }
    .shaxuan_content{
        height: auto;
        overflow: hidden;
        border: 1px solid #DDDDDD;
        .shaxuan_content_ul{
            float: left;
            ul{
                height: auto;
                overflow: hidden;
                padding: 10px 20px;
                h4{
                    text-align: center;
                    width: 188px;
                    padding: 5px 10px;
                }
                li{
                    width: 188px;
                    padding: 6px 12px;
                    border: 1px solid #DFDFDF;
                    border-bottom: none;
                    border-radius: 5px;
                    background: #F0F7E7;
                    a{
                        display: block;
                        width: 100%;
                        height: 100%;
                        text-align: center;
                        border-radius: 5px;
                        box-shadow: 5px 5px 5px black;
                    }
                }
                li:nth-last-child(1){
                  border-bottom: 1px solid #DFDFDF;  
                    
                }
            }
        }
    }
}


//筛选结束

//显示商品
#show_protect{
    width: 1180px;
    padding: 0 15px;
    margin: 30px 0px;
    .show_protect_title{
        width: 1150px;
        height: 64px;        
        .show_protect_title_l{
            float: left;
            max-width: 160px;
            height: 24px;
            margin-top: 20px;
            .w_c(24px);
            font-size: 22px;
            font-weight: 600;
            border-left: 4px solid #418D82;
        }
        .show_protect_title_r{
            float: right;
            width: auto;
            height: 34px;
            margin-bottom: 10px;
            ul{
                height: auto;
                overflow: hidden;
                li{
                    float: left;
                    a{
                        display: block;
                        border: 1px solid #DFDFDF;
                        border-right: none;
                        padding: 6px 12px;                        
                        &:hover{
                        border: 1px solid #AFAFAF;
                        border-right: none;
                        background: #F3F3F3;
                            
                        }
                    }
                    &:nth-last-child(1){
                        a{
                            background: #90BE78;
                            color: white;
                            border: 1px solid #90BE78;
                        }
                    }
                }
            }
        }
    }
    .show_protect_inner{
        width: 1150px;
    }
}
//商品循环输出开始
#show_protect_inner{
    width: 1155px;
    height: auto;
    overflow: hidden;
    border: 1px solid #F3F3F3;
    .show_protect_one{
        float: left;
        width: 288px;
        padding: 5px;
        height: auto;
        border-right: 1px solid #F3F3F3;
        transition: 0.3s;
        &:nth-child(4n){
            border-right: none;
        }
        .show_protect_one_i{
            width: 100%;
            height: 100%;
            background: white;
            a{
                width: 246px;
                display: block;
                margin: 0 auto;
                img{
                    width: 246px;
                }
            }
            h4{
                height: 45px;
                margin: 10px 0px;
                text-align: center;
                font-size: 14px;
                font-weight: 500;
            }
            .product_price{
                width: 200px;
                height: 30px;
                .w_c(30px);
                margin: 0 auto;
                span{
                    color: #D34150;
                }
            }
            .comb{
                height: auto;
                overflow: hidden;
                .comb_in{
                    float:right;
                    width: 80px;
                    height: 22px;
                    .w_c(22px);
                    background: lightskyblue;
                    border-radius: 5px;
                    box-shadow: 5px 5px 5px #ccc;
                }
            }
        }
        &:hover{
            background: #F0F7E7;
        }
    }
}


//商品循环输出结束

//显示商品结束



//主题结束